.empty{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.list{
    padding: $space;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 40px;
    column-gap: 40px;

    .item{
        background-color: #fff;
        padding-bottom: 100%;
        position: relative;

        .top{
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            z-index: 3;


            display: flex;
            align-items: center;
            padding: 10px 16px;
            justify-content: space-between;
        }

        .wrap{
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;

            

            

        }

        .body{
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);


            .icon{
                width: 100px;
                display: block;
                margin: auto;
            }

            .name{
                text-align: center;
                font-size: 32px;
                margin-top: 10px;
            }
        }

        //box-shadow: 1px 1px 15px 5px rgba(0, 0, 0, 0.3);
        // display: flex;
        // align-items: center;

        
    }
}

